<link rel="stylesheet" href="http://maislook.oss-cn-shanghai.aliyuncs.com/powerFloat.css" type="text/css"/>
<script type="text/javascript" src="http://maislook.oss-cn-shanghai.aliyuncs.com/jquery-powerFloat-min.js"></script>
<script>
    $(function() {
     $("#introduceSetId").powerFloat({
       offsets: {
        x: -15,
        y: 40
    },
    width:"90px"
     });
     $("#serviceSetId").powerFloat({
       offsets: {
        x: -15,
        y: 40
    },
    width:"90px"
     });
     $("#deparmentSetId").powerFloat({
       offsets: {
        x: -400,
        y: 40
    },
    width:"800px"
     });
       });

</script>
<div style="background:white">
    <img height="100px" src="http://maislook.oss-cn-shanghai.aliyuncs.com/hospital_brand_logo.jpg">
</div>
<div id="nav" class="col-md-12" style="margin-top:0px;position: absolute;z-index:100">
    <div class="col-md-1"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="/"><p style="color:white;font-size:15px;font-weight:bold">首页</p></a>
    </div>
    <div class="col-md-1" onclick="javascript:location.href='introduce_set'"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a id="introduceSetId" href="javascript:;" rel="targetIntroduceSet">
            <p style="color:white;font-size:15px;font-weight:bold">医院概况</p></a>
    </div>
    <div class="col-md-1"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="news_set">
            <p style="color:white;font-size:15px;font-weight:bold">新闻中心</p>
        </a>
    </div>
    <div class="col-md-1" onclick="javascript:location.href='service_set'"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a id="serviceSetId" href="javascript:;" rel="targetServiceSet">
            <p style="color:white;font-size:15px;font-weight:bold">患者服务</p>
        </a>
    </div>
    <div class="col-md-1"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="doctor_set">
            <p style="color:white;font-size:15px;font-weight:bold">医师介绍</p>
        </a>
    </div>
    <div class="col-md-1" onclick="javascript:location.href='deparment_set'"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <!--<a id="deparmentSetId" href="javascript:;" rel="targetDeparmentSet">-->
        <a id="deparmentSetId" href="javascript:;" rel="#">
            <p style="color:white;font-size:15px;font-weight:bold">科室设置</p>
        </a>
    </div>
    <div class="col-md-1"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="hire_set">
            <p style="color:white;font-size:15px;font-weight:bold">招标招聘</p>
        </a>
    </div>
    <div class="col-md-1" style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="column">
            <p style="color:white;font-size:15px;font-weight:bold">专题专栏</p>
        </a>
    </div>
    <div class="col-md-1"
         style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="health_set">
            <p style="color:white;font-size:15px;font-weight:bold">健康讲堂</p>
        </a>
    </div>
    <div class="col-md-1" style="height:40px;line-height:40px;vertical-align:middle;text-align:center;">
        <a href="mobile_set">
            <p style="color:white;font-size:15px;font-weight:bold">移动医疗</p>
        </a>
    </div>
</div>

<!--医院简介下拉框-->
<div id="targetIntroduceSet" style="display:none">
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="introduce"><p style="color:white">医院简介</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="leader"><p style="color:white">领导团队</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="introduce_architect"><p style="color:white">组织架构</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="introduce_culture"><p style="color:white">医院文化</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="introduce_honor"><p style="color:white">医院风采</p></a>
    </div>
</div>

<!--患者服务下拉框-->
<div id="targetServiceSet" style="display:none">
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="service_time"><p style="color:white">门诊时间</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="medical_info_list"><p style="color:white">就诊须知</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="special_list"><p style="color:white">特色专科</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="service_pre"><p style="color:white">预约挂号</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="health_check_list"><p style="color:white">健康体检</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="health_care_guide_list"><p style="color:white">医保指南</p></a>
    </div>
    <div
            style="height:40px;line-height:40px;vertical-align:middle;text-align:center;background:#1BA2E1">
        <a href="location"><p
                style="color:white">医院导航</p></a>
    </div>
</div>

<!--科室设置-->
<div id="targetDeparmentSet" style="display:none">
    <div>
        <div class="col-md-12" style="background:#DEDEDE">
            <h4>手术科室</h4>
        </div>
        <div class="col-md-2">
            <a href="department"><p>妇产科</p></a>
        </div>
        <div class="col-md-2">
            <a href="department"><p>妇产科</p></a>
        </div>
    </div>
    <div>
        <div class="col-md-12" style="background:#DEDEDE">
            <h4>非手术科室</h4>
        </div>
        <div class="col-md-3">
            <a href="department"><p>儿科</p></a>
        </div>
    </div>
</div>
